@import "common.styl"
@import "vars.styl"

.section
  padding px2rem(24px) 0
  h2
    font-size px2rem(18px)
    padding 0 px2rem(15px) px2rem(24px)
    text-align center


.question
  .question-item
    margin-bottom px2rem(15px)
    border-radius px2rem(10px)
    box-shadow 0 0 px2rem(10px) 0 rgba(0, 0, 0, 0.4)
    img
      width 100%
      height px2rem(140px)
      object-fit cover
    h3
      text-align center
      padding px2rem(15px) 0
      font-size px2rem(16px)
    p
      padding 0 px2rem(10px) px2rem(15px)
      line-height 1.7
      font-size px2rem(14px)
      color $garyColor


.core
  background #f6f6f6
  .core-item
    margin-bottom px2rem(20px)
    h3
      display inline-block
      padding 0 0 px2rem(10px)
      position relative
      font-size px2rem(16px)
      margin-bottom px2rem(10px)
      &:after
        content ''
        position absolute
        left 0
        bottom 0
        width 100%
        height 1px
        background-color $lightColor
    p
      line-height 1.7
      font-size px2rem(14px)



.vs
  table
    font-size px2rem(14px)


.advantage
  .advantage-item
    text-align center
    margin-bottom px2rem(20px)
    p.icon
      display inline-block
      width px2rem(50px)
      height px2rem(50px)
      line-height px2rem(50px)
      border-radius 100%
      text-align center
      background-color $primaryColor
      i
        font-size px2rem(26px)
        color #fff
    .info
      margin 0 auto
      h3
        padding px2rem(15px) 0
        font-size px2rem(16px)
      p
        line-height 1.7
        font-size px2rem(14px)


